.flex {
  display: flex;
}
.flex-direction {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.flex-sub {
  flex: 1;
}
.margin {
  margin: 12px;
}
.margin-sm {
  margin: 6px;
}
.margin-top-xl {
  margin-top: 20px;
}
.margin-top {
  margin-top: 12px;
}
.margin-top-sm {
  margin-top: 6px;
}
.margin-left {
  margin-left: 12px;
}
.margin-left-sm {
  margin-left: 6px;
}
.margin-right-lg {
  margin-right: 20px;
}
.margin-right {
  margin-right: 12px;
}
.margin-right-sm {
  margin-right: 6px;
}
.margin-bottom-xl {
  margin-bottom: 20px;
}
.margin-bottom {
  margin-bottom: 12px;
}
.margin-bottom-lg {
  margin-bottom: 30px;
}
.margin-bottom-sm {
  margin-bottom: 6px;
}
.padding {
  padding: 12px;
}
.padding-sm {
  padding: 6px;
}
.padding-lg {
  padding: 18px;
}
.padding-top {
  padding-top: 12px;
}
.padding-top-sm {
  padding-top: 6px;
}
.padding-top-lg {
  padding-top: 18px;
}
.padding-bottom {
  padding-bottom: 12px;
}
.padding-bottom-sm {
  padding-bottom: 6px;
}
.padding-left {
  padding-left: 12px;
}
.padding-left-sm {
  padding-left: 6px;
}
.padding-right {
  padding-right: 12px;
}
.padding-right-sm {
  padding-right: 6px;
}

.solid {
  border: 1px solid #aaa;
}
.solid-bottom {
  border-bottom: 1px solid #aaa;
}
.solid-top {
  border-top: 1px solid #aaa;
}
.solid-left {
  border-left: 1px solid #aaa;
}
.solid-right {
  border-right: 1px solid #aaa;
}
.dashed-line {
  height: 1;
  border: 1px dashed #dcdfe6;
}

.bg-main {
  background: #fff;
}
.bg-dis {
  background: #f1eeee;
}
.bg-label {
  background: #e7f4ff;
}
.bg-blue {
  background: #1890ff;
}
.must-bg {
  background: #fff;
}
.active-cell-bg {
  background: #f0f9eb !important;
}
.border-raduis-sm {
  border-radius: 4px;
}

.text-nowrap {
  white-space: nowrap;
}
.text-lg {
  font-size: 20px;
}
.text-sm {
  font-size: 16px;
}
.text-ssm {
  font-size: 14px;
}
.text-xs {
  font-size: 12px;
}
.text-grey {
  color: #808080;
}
.text-white {
  color: #fff;
}
.text-center {
  text-align: center;
}
.text-main {
  color: #1890ff;
}
.text-italic {
  font-style: italic;
}
.text-bold {
  font-weight: bold;
}
.text-primary {
  color: #212121;
}

.overflow-hidden {
  overflow: hidden;
}

.text-color-red {
  color: #ff4949;
}
.page-title {
  background: rgba(192, 196, 204, 0.3);
  // border:1px dashed  #46a6ff;
  border-left: 3px solid;
  padding: 0 10px 0 5px;
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 13px;
}

.border-left-color-blue {
  border-left-color: #46a6ff;
}
.border-left-color-yellow {
  border-left-color: #ffc833;
}
.border-left-color-red {
  border-left-color: #ff3333;
}
.shadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.shadow-all {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.buttonText {
  font-weight: bold;
}
.text-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tip {
  position: absolute;
  top: -30px;
  left: 110px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 8px;
  border-top-left-radius: 4px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  z-index: 100;
  white-space: nowrap;
  &::before {
    content: '';
    width: 0px;
    height: 0px;
    border-top: 6px solid rgba(0, 0, 0, 0.6);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 32px;
    left: 0;
  }
}
.bank-warpper {
  position: relative;
}
//限定宽度ellipsis
.lg-width-cut {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rich-height-container .w-e-text-container {
  height: 120px !important;
}
//弹出框内容过多滚动
.dialog-scroll {
  overflow-y: auto;
}
.dialog-scroll {
  overflow-y: auto;
  .el-row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}

.vxe-table--tooltip-wrapper {
  z-index: 99999 !important;
}
// .el-upload-list__item {
//   display: flex;
//   flex-direction: row;
//   justify-content: flex-start;
//   align-items: center;
//   .el-upload-list__item-name {
//     width: 300px;
//   }
//   .el-upload-list__item-status-label {
//     left: 340px;
//   }
// }
